.modalBox {
  position: fixed;
  z-index: 111;
  background: #f7f8fa;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  .header {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e8eaed;
    background: #fff;

    .title {
      margin-left: 34px;
    }

    .btns {
      display: flex;

      div {
        height: 24px;
        line-height: 22px;
        min-width: 80px;
        position: relative;
        flex-shrink: 0;
        margin-right: 10px;
      }

      .cancel {
        border-radius: 2px;
        border: 1px solid #3685f2;
        color: #3685f2;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
      }

      .sure {
        color: #fff;
        border-radius: 2px;
        border: 1px solid #3685f2;
        background-color: #3685f2;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
      }
    }
  }

  .content {
    width: 100%;
    height: 100%;
    padding: 4px;
  }
}
